<template>
  <div class="big">
    <div class="top">
 
    </div>
  </div>
</template>

<script>
import { mapGetters } from "vuex";
export default {
  name: "Dashboard",
  data() {
    return {};
  },
  computed: {
    ...mapGetters("user", ["userInfo", "rolesInfo"]),
    welcome() {
      return utils.getGreentings();
    }
  },
  components: {
    // musicPlayer, //音乐播放器
    // TodoList, //TodoList
    // RaddarChart, //雷达图
    // stackMap, //堆叠图
    // Sunburst, //旭日图
  },
  methods: {},
  mounted() {}
};
</script>

<style lang="scss" scoped>
.hello-info {
  color: #fff;
  border-width: 0px;
  width: 555px;
  height: 200px;
  // background: linear-gradient(
  //   -70.506938088849deg,
  //   rgba(35, 81, 196, 1) 0%,
  //   rgba(50, 121, 227, 1) 102%
  // );
  background: rgba(50, 121, 227, 1) 102% url("../../assets/dashboard/dashboard_bg.svg");
  background-repeat: no-repeat;
  background-position: 110% 70px;
  border: none;
  border-radius: 10px;
  // box-shadow: 0px 2px 8px rgb(0 0 0);
  padding:50px;
  box-sizing: border-box;
  .welcome {
    font-size: 18px;
  }
  .info {
    display: flex;
    margin-top: 20px;
    .icon {

    }
    div {
      margin-left: 10px;
      flex: 1;
      span {
        display: block;
        margin-bottom: 10px;
      }
    }
  }
}
</style>
